body,html{width: 100%;height:100%;}
body{
  font-size: 14px;
  line-height: 22px;
  color: #1D2129;
  min-width: 1280px;
}
a{text-decoration: none;color: #1E89FF;}
a:hover{color: #479DFF}
a:active{color: #006DEA}

/***
主题色和链接色。常⽤于以下场景: 重要操作、⾼亮提⽰、操作状态等
****/
.color-primary-1 {background-color: #EBF4FF}
.color-primary-2 {background-color: #C2DEFF}
.color-primary-3 {background-color: #99C9FF}
.color-primary-4 {background-color: #70B3FF}
.color-primary-5 {background-color: #479DFF}
.color-primary-6 {background-color: #1E89FF}/**主⾊值**/
.color-primary-7 {background-color: #006DEA}
.color-primary-8 {background-color: #0055B6}
.color-primary-9 {background-color: #003D82}
.color-primary-10 {background-color: #00244E}

/*******
通用文字色
********/
.text-primary {color:#1D2129}
.text-regular {color:#606266}
.text-secondary {color:#909399}
.text-placeholder {color:#A8ABB2}
.text-disabled {color:#C0C4CC}

/*******
通用边框色
********/
.border-extra-darker{border: 1px solid #86909C}
.border-darker {border:1px solid #C9CDD4}
.border-dark {border:1px solid #D4D7DE}
.border {border:1px solid #DCDFE6}
.border-light {border:1px solid #E5E6EB}
.border-lighter {border:1px solid #F2F6FC}

/*******
通用填充色
********/
.fill-extra-darker {background-color: rgba(201, 205, 212 , 0.5)}
.fill {background-color: rgba(240, 242, 245 , 0.5)}
.fill-light {background-color: rgba(245, 247, 250 , 0.5)}
.fill-lighter {background-color: rgba(250, 250, 250 , 0.8)}

/******
常量色
基础⿊⽩⾊
color-white      #FFFFFF
color-black      #000000
 */

/******
背景色
bg-color          #FFFFFF
 */

/*******
Mask
 */
.mask-verlay-light {background-color: rgba(0, 0, 0 , 0.7)}
.mask {background-color: rgba(255, 255, 255 , 0.9)}

/******
功能色
代表: 明确的信息以及状态，⽐如成功、出错、失败、
 */
/**成功**/
.success-light-6{ color: #EBFAED}
.success-light-5{ color: #A3D6AC}
.success-light-4{ color: #7BCC88}
.success-light-3{ color: #52BD64}
.success-light-2{ color: #31B046}
.success{color:#2CA340}
.success-dark-2{color:#0A801E}
.success-dark-3{color:#025C27}
.success-dark-4{color:#003B0A}
.success-dark-5{color:#002106}

/**错误**/
.danger-light-6 {color: #DDEDED}
.danger-light-5 {color: #F39D9D}
.danger-light-4 {color: #EF7777}
.danger-light-3 {color: #E85959}
.danger-light-2 {color: #D93636}
.danger {color: #D40000}
.danger-dark-2 {color: #A10000}
.danger-dark-3 {color: #7A0000}
.danger-dark-4 {color: #5E0000}
.danger-dark-5 {color: #420000}

/**警告、等待、重点提示**/
.warning-light-6{color: #FFFAED}
.warning-light-5 {color: #FFDD80}
.warning-light-4 {color: #FAD15F}
.warning-light-3 {color: #FAC637}
.warning-light-2 {color: #FABD16}
.warning {color: #F0B100}
.warning-dark-2{color: #D4970B}
.warning-dark-3{color: #AD7400}
.warning-dark-4{color: #875600}
.warning-dark-5{color: #613A00}

/**信息色**/
.info-light-6{color: #F4F4F5}
.info-light-5{color: #E9E9EB}
.info-light-4{color: #DEDFE0}
.info-light-3{color: #C7C9CC}
.info-light-2{color: #B1B3B8}
.info{color: #909399}
.info-dark-2{color: #73767A}
.info-dark-3{color: #65686B}
.info-dark-4{color: #5B5E61}
.info-dark-5{color: #4F5154}

/**提示色**/
.hint-light-6{color: #FFF4E6}
.hint-light-5{color: #FFD194}
.hint-light-4{color: #FFBA70}
.hint-light-3{color: #FF9E42}
.hint-light-2{color: #FE8624}
.hint{color: #ED6807}
.hint-dark-2{color: #C74B00}
.hint-dark-3{color: #A13800}
.hint-dark-4{color: #7A2700}
.hint-dark-5{color: #541700}

:root {
  --text-color-parmary: #1D2129;
  --text-color-regular: #606266;
  --text-color-secondary: #909399;
  --text-color-placeholder: #A8ABB2;
  --text-color-disabled: #C0C4CC;
  --border-color-extra-darker: #86909C;
  --border-color-darker: #C9CDD4;
  --border-color-dark: #D4D7DE;
  --border-color: #DCDFE6;
  --border-color-light: #E5E6EB;
  --border-color-lighter: #F2F6FC;
  --fill-color-extra-darker: rgba(201, 205, 212, 0.5);
  --fill-color-darker: #E6E8EB;
  --fill-color-dark: rgba(235, 237, 240, 0.83);
  --fill-color: rgba(240, 242, 245, 0.53);
  --fill-color-light: rgba(245, 247, 250, 0.23);
  --fill-color-lighter: rgba(250, 250, 250, 0.8);
  --color-white: #FFFFFF;
  --color-black: #000000;
  --bg-color: #FFFFFF;
  --overlay-color-light: rgba(0, 0, 0, 0.7);
  --mask-color: rgba(255, 255, 255, 0.9);
  --color-primary-1: #EBF4FF;
  --color-primary-2: #C2DEFF;
  --color-primary-3: #99C9FF;
  --color-primary-4: #70B3FF;
  --color-primary-5: #479DFF;
  --color-primary-6: #1E89FF;
  --color-primary-7: #006DEA;
  --color-primary-8: #0055B6;
  --color-primary-9: #003D82;
  --color-primary-10: #00244E;
  --color-success-light-5: #EBFAED;
  --color-success-light-4: #A3D6AC;
  --color-success-light-3: #7BCC88;
  --color-success-light-2: #52BD64;
  --color-success-light-1: #31B046;
  --color-success: #2CA340;
  --color-success-dark-1: #0A801E;
  --color-success-dark-2: #025C27;
  --color-success-dark-3: #003B0A;
  --color-success-dark-4: #002106;
  --color-danger-light-5: #FFEDED;
  --color-danger-light-4: #F39D9D;
  --color-danger-light-3: #EF7777;
  --color-danger-light-2: #E85959;
  --color-danger-light-1: #d06b6b;
  --color-danger: #D40000;
  --color-danger-dark-1: #A10000;
  --color-danger-dark-2: #7A0000;
  --color-danger-dark-3: #5E0000;
  --color-danger-dark-4: #420000;
  --color-warning-light-5: #FFFAED;
  --color-warning-light-4: #FFDD80;
  --color-warning-light-3: #FAD15F;
  --color-warning-light-2: #FAC637;
  --color-warning-light-1: #FABD16;
  --color-warning: #F0B100;
  --color-warning-dark-1: #D4970B;
  --color-warning-dark-2: #AD7400;
  --color-warning-dark-3: #875600;
  --color-warning-dark-4: #613A00;
  --color-info-light-5: #F4F4F5;
  --color-info-light-4: #E9E9EB;
  --color-info-light-3: #DEDFE0;
  --color-info-light-2: #C7C9CC;
  --color-info-light-1: #B1B3B8;
  --color-info: #909399;
  --color-info-dark-1: #73767A;
  --color-info-dark-2: #65686B;
  --color-info-dark-3: #5B5E61;
  --color-info-dark-4: #4F5154;
  --color-hint-light-5: #FFF4E6;
  --color-hint-light-4: #FFD194;
  --color-hint-light-3: #FFBA70;
  --color-hint-light-2: #FF9E42;
  --color-hint-light-1: #FE8624;
  --color-hint: #ED6807;
  --color-hint-dark-1: #C74B00;
  --color-hint-dark-2: #A13800;
  --color-hint-dark-3: #7A2700;
  --color-hint-dark-4: #541700;
}

/*******
密级色，分为6种
公开          #1AA4EE
普通商密       #1E89FF
核心商密       #224ECD
内部          #FE8624
秘密          #D40000
机密          #7A0000
 */
.secret-1{color:#ffffff;background-color: #1AA4EE;border-radius: 5px;line-height: 30px;width: 80px;font-size: 14px;text-align: center}
.secret-2{color:#ffffff;background-color: #1E89FF;border-radius: 5px;line-height: 30px;width: 80px;font-size: 14px;text-align: center}
.secret-3{color:#ffffff;background-color: #224ECD;border-radius: 5px;line-height: 30px;width: 80px;font-size: 14px;text-align: center}
.secret-4{color:#ffffff;background-color: #FE8624;border-radius: 5px;line-height: 30px;width: 80px;font-size: 14px;text-align: center}
.secret-5{color:#ffffff;background-color: #D40000;border-radius: 5px;line-height: 30px;width: 80px;font-size: 14px;text-align: center}
.secret-6{color:#ffffff;background-color: #7A0000;border-radius: 5px;line-height: 30px;width: 80px;font-size: 14px;text-align: center}
.secret-text-1{color: #1AA4EE;font-size: 14px;text-align: center}
.secret-text-2{color: #1E89FF;font-size: 14px;text-align: center}
.secret-text-3{color: #224ECD;font-size: 14px;text-align: center}
.secret-text-4{color: #FE8624;font-size: 14px;text-align: center}
.secret-text-5{color: #D40000;font-size: 14px;text-align: center}
.secret-text-6{color: #7A0000;font-size: 14px;text-align: center}
.secret-light-1{color: #1AA4EE;background-color: #ddf1fb;line-height: 30px;width: 80px;font-size: 14px;text-align: center}
.secret-light-2{color: #1E89FF;background-color: #dbe9fb;line-height: 30px;width: 80px;font-size: 14px;text-align: center}
.secret-light-3{color: #224ECD;background-color: #cfdeff;line-height: 30px;width: 80px;font-size: 14px;text-align: center}
.secret-light-4{color: #FE8624;background-color: #fff4e6;line-height: 30px;width: 80px;font-size: 14px;text-align: center}
.secret-light-5{color: #D40000;background-color: #ffeded;line-height: 30px;width: 80px;font-size: 14px;text-align: center}
.secret-light-6{color: #7A0000;background-color: #ffeded;line-height: 30px;width: 80px;font-size: 14px;text-align: center}

/**************
字阶与行高
 */
.font-12{font-size: 12px;line-height: 20px;}
.font-14{font-size: 14px;line-height: 22px;}
.font-16{font-size: 16px;line-height: 24px;}
.font-20{font-size: 20px;line-height: 28px;}
.font-24{font-size: 24px;line-height: 32px;}
.font-30{font-size: 30px;line-height: 38px;}
.font-38{font-size: 38px;line-height: 46px;}
.font-46{font-size: 46px;line-height: 54px;}
.font-56{font-size: 56px;line-height: 64px;}
.font-68{font-size: 68px;line-height: 76px;}

fieldset {border: none;padding: 0;border-top: 1px solid #E5E6EB;}
fieldset legend {margin-left: 50px;padding: 0 10px;font-size: 14px;}
fieldset legend a,fieldset legend a:hover,fieldset legend a:active {color: #909399;}


.avue-input-icon__item .avue-icon i {
  font-size: 30px !important;
  width: 30px;
  height: 30px;
}

.el-descriptions__header{
  margin-bottom: 10px;
}

.avue-group__header{
  height: 20px;
  line-height: 20px;
}
.el-menu--popup-right-start{
  margin-left: 1px;
}


/**容器**/
.layout_body_content .el-main > .el-container{
  margin: 3px;
  padding: 8px 8px 0;
  border-radius: 4px;
  -webkit-box-shadow: 0 -2px 12px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 -2px 12px 0 rgba(0, 0, 0, 0.1);
  height: calc(100% - 10px);
  box-sizing:border-box;
  overflow: auto;
}
.layout_body_content .el-main > .el-container + .el-container{
  margin-left: 0;
}
.layout_body_content .el-main.vertical{
  flex-direction: column;
}
.layout_body_content .el-main.vertical > .el-container + .el-container{
  margin-left: 3px;
  margin-top: 0;
}